*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  font-weight: normal;
}

body {
  height: 100vh;
}

#app,
.el-container,
.el-main {
  -webkit-font-smoothing: antialiased;
  height: 100%;
}

:root {
  --designer-head-background: #2c2c2c;
  --designer-navbar-background: #fff;
  --designer-border-color: #e7eaee;
  --border-width-base: 1px;
  --shadow-color-layout: 0px 0px 12px rgba(0, 0, 0, 0.06);
}

.el-splitter-bar__dragger-vertical:before {
  height: 1px !important;
}

.el-splitter-bar__dragger-horizontal:before {
  width: 1px !important;
}

:root .el-header {
  --el-header-padding: 0;
  --el-header-height: 44px;
}

:root .el-main {
  --el-main-padding: 0;
}
